<template>
	<view class="navigate" :class="{ height: hasHeight }">
		<view class="cu-custom">
			<view class="cu-bar fixed bg-gradual-blueg" :class="{ height: hasHeight }" style="padding-top:0px">
				<slot>
					<view class="content" style="top:0px">{{ title }}</view>
				</slot>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	props: {
		title: {
			type: String,
			default: () => ''
		},
		hasHeight: {
			type: Boolean,
			default: true
		}
	}
};
</script>

<style lang="less">
.height {
	height: 50px;
}
</style>
